{% extends "base.html" %}

{% block title %}Welcome!{% endblock %}

{% block primary-content %}
<span class="breadcrumbs"><a href="{% url index %}" title="Home">Home</a> &raquo; Contact Us</span>
<h2>Contact Us with Questions</h2>
<div class="two-columns">
	<div class="column">
		<h3>We welcome your input.</h3>
		<p>Contact {{ location.site.name }} staff by using the form to the right, and we'll respond as soon as possible.  We welcome comments, questions, criticism, and suggestions for improvements.  Is there an issue we should be covering?  Let us know.</p>
		<h3>Our info:</h3>
    <!--
		<address>{{ location.site.name }}<br />
			200 Street Name<br />
			Sometown, PA 55555</address>
    -->
		<ul>
      <!--
			<li>Phone: 555-555-5555</li>
			<li>Fax: 555-666-9696</li>
      -->
			<li><a href="mailto:info@{{ location.site.domain }}">info@{{ location.site.domain }}</a></li>
		</ul>
	</div>
	<div class="form-wrapper float-right clearfix">
		<form class="simple-form" method="post">
			{% csrf_token %}
			<h3>Or drop us a line:</h3>
			{% if success %}
			<p>Thanks for the input!  We will <br/>
				respond as soon as possible.</p>
			{% endif %}
			{% if form.errors %}
			<p class="error">Please fill all fields and make sure you've submitted a valid email address.</p>
			{% endif %}
			<fieldset>
				<legend>Your information:</legend>
				<div class="honeypot">
					<label for="id_honeypot">If you enter anything in this field your comment will be treated as spam.</label>
					{{ form.honeypot }}
				</div>
				<div class="form-item">
					<label for="id_name">Name</label>
					{{ form.name }}
				</div>      
				<div class="form-item">
					<label for="id_email">Email</label>
					{{ form.email }}
				</div>
			</fieldset>
			<fieldset>
				<legend>Your message:</legend>
				<div class="form-item">
					<label for="id_message">Message</label>
					{{ form.message }}
				</div>
			</fieldset>
			<div class="form-input clear-left">
				<input class="button" type="submit" value="Send"/>
			</div>
		</form>
	</div><!--end .form-wrapper-->
</div>
{% endblock %}

